<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <%- include common %>
        <style>
            .layui-layout-body {
                padding-top: 0;
            }

            .kk {
                width: 300px;
            }

            .ss {
                margin-bottom: 20px;
            }
        </style>
</head>

<body class="layui-layout-body">
    <div class="layui-layout layui-layout-admin">
        <%- include('head',{username:username})  %>
            <div class="layui-body">
                <!-- 内容主体区域 -->
                <div class="layui-container" style="padding: 15px;">
                    <h3>添加房间预定</h3>
                    <form action="/newkehu/submit" method="POST">
                        <div class="layui-col-xs4 layui-col-sm7 layui-col-md8 ss ">
                            <label for="customer">客户姓名</label>
                            <input class="kk" name="customer" id="customer" type="text" placeholder="客户姓名">
                        </div>
                        <div class="layui-col-xs4 layui-col-sm7 layui-col-md8 ss">
                            <label for="crd">身份证号</label>
                            <input class="kk" name="crd" id="crd" type="text" placeholder="身份证号">
                        </div>
                        <div class="layui-col-xs4 layui-col-sm7 layui-col-md8 ss">
                            <label for="tel">手机号码</label>
                            <input class="kk" name="tel" id="tel" type="text" placeholder="手机号码">
                        </div>

                        <div class="layui-col-xs4 layui-col-sm7 layui-col-md8 ss">
                            <select name="roomtype" id="roomtype">
                                <option value="标间">标间</option>
                                <option value="商务房">商务房</option>
                                <option value="豪华套间">豪华套间</option>
                                <option value="双人间">双人间</option>
                                <option value="单人间">单人间</option>
                            </select>
                        </div>

                        <button type="submit" class="layui-btn layui-btn-normal">办理入住</button>
                    </form>

                    <!-- <form class="layui-form" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label" for="customer">客户姓名</label>
                            <div class="layui-input-block">
                                <input  type="text" name="customer" id="customer" required lay-verify="required" placeholder="请输入姓名"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">身份证号</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入标题"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机号</label>
                            <div class="layui-input-block">
                                <input type="text" name="title" required lay-verify="required" placeholder="请输入标题"
                                    autocomplete="off" class="layui-input">
                            </div>
                        </div>


                    </form> -->




                </div>

                <div class="layui-footer">
                    <!-- 底部固定区域 -->
                    © 国际大酒店 layumen.com
                </div>
            </div>
            <!-- <script src="../src/layui.js"></script> -->
            <script>
            </script>
</body>

</html>